*{margin: 0; padding: 0}





@font-face{
font-family:'Raleway';
src:url('../fonts/Raleway-Regular.ttf');
font-style:normal;
font-weight: normal;
}
@font-face{
font-family:'RalewayBold';
src:url('../fonts/Raleway-ExtraBold.ttf');
font-style:normal;
font-weight: bold;
}
@font-face{
font-family:'RalewayBold';
src:url('../fonts/Raleway-Bold.ttf');
font-style:normal;
font-weight: bold;
}
@font-face{
font-family:'RalewayExtraBold';
src:url('../fonts/Raleway-ExtraBold.ttf');
font-style:normal;
font-weight: bold;
}
@font-face{
font-family:'RalewaySemiBold';
src:url('../fonts/Raleway-SemiBold.ttf');
font-style:normal;
font-weight: bold;
}
@font-face{
font-family:'RalewayLight';
src:url('../fonts/Raleway-Light.ttf');
font-style:normal;
font-weight: normal;
}
@font-face{
font-family:'HipstelveticaBold';
src:url('../fonts/HipstelveticaBold.ttf');
font-style: normal;
font-weight: bold;
}
svg:not(:root) {
    overflow: hidden;
    fill: #f95353;
    width: 100%;
    position: relative;
bottom: -7px;
   
}
/*-----preloader--------*/
#preloader{
	width: 100%;
	width:100vw;
	height:100%;
	height:100vh;
	position: fixed;
	top: 0;
	background: white;
	font-size:24pt;
	z-index: 500;
	background: url('../images/awesome-frankfurt-wallpaper-42283-43279-hd-wallpapers.jpg');
}
#preloader p,#preloader span{
	text-align: center;
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	right:0;
}

.preload-box{
	top:40%;
	position: relative;
	padding:0;
}
.preload-line{
	background: #f95353;
	height:20px;
	width:0px;
	transition: all .1s ease-in-out;

}
.mask-loader{
	position: absolute;
	height: 100%;
	width: 100%;
	background: white;
	opacity: 0.5;
}
/*------- Body --------*/

body{
	background-color: #f3f3f3;
	
	font-family:'Raleway';
}
body.main{
overflow-y:hidden;
}
body.light{
	overflow:auto;
}
a.logo{
	font-family: 'RalewayBold';
	font-size: 45pt;
	text-transform: uppercase;
}
a.logo p{
font-family: 'HipstelveticaBold';
font-size:36pt;
color:#f95353;
}
a{
	color:#3e4d59;
}
a:hover{
	color:#3e4d59;
	text-decoration: none;	
}
a:focus{
	outline:none;
	color:#3e4d59;
	text-decoration: none;
}
#bg{
	width: 100%;
	background: url(../images/bg.jpg) no-repeat;
	background-size: cover;

}
.mainblog{
	padding-left: 0;
	color: #D6D6D6;
}
.nopad-right {
	padding-right: 0;
}
.nopad-left {
	padding-left: 0;
}

/*------- Scroll style --------*/
.scroll-pane
{
	width: 100%;
	overflow: auto;
	-moz-margin-top: 35px;
}
.jspVerticalBar {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    background-color: #FFF;
    padding: 0px 2px;
    width: 10px;
}
	
/*------- Slaider --------*/

.carousel-control.left {
  display: none;
  position: absolute;
  z-index: 99;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 5%;
  font-size: 3em;
  text-shadow: none; 
  background: none;
}
.carousel-control.right {
	background: none;
  display: none;
  position: absolute;
  z-index: 99;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 5%;
  font-size: 3em;
  text-shadow: none;
   }

#main_slider:hover .carousel-control.left{
display: block;
}

#main_slider:hover .carousel-control.right{
display: block;
}
/*.carousel-control.left:hover i {
  color: #ff6d00; }

.carousel-control.right:hover i {
  color: #ff6d00; }*/



h1{
	font-family:'RalewayLight';
	color: white;
	font-size: 32px;
	text-align: center;	
	margin-bottom: 5%;
}

p.textpost{
	padding-top: 20px;
	padding-bottom: 25px;
	font-family:'RalewayLight';
	color: white;
	font-size: 17px;
	text-align: center;		
}

section#slaider{
	width: 100%;
	margin-top: -20px;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

figure.arrowsl{
	width:30px;
	height: 45px;
	margin: auto;
	padding-bottom: 15px;
	cursor: pointer;
}

.arrowslleft{
	position: relative;
	width: 16px;
	height: 30px;
	background-image: url(../images/arrowslleft.png);
	float: left;
	margin-right: 30px;
	cursor: pointer;	
	
}

.arrowslright{
	width: 16px;
	height: 30px;
	background-image: url(../images/arrowslright.png);
	margin-left: 40px; 
}


/*------- LEFT BLOCK --------*/

.leftblockposition{
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	background: url("../images/bg.jpg");
	min-height: 100vh;
}

img.logofirm{
	position: relative;
	margin: 50px 0;
}

nav#mainmenu ul li{
	list-style-type: none;
	font-family:'Raleway';
	font-size: 12pt;
	line-height: 3em;
	text-align: center;
	background: none;
	margin: 0 auto;

}

nav#mainmenu ul li a{
	text-transform: uppercase;
	color: #393939;
	text-decoration: none; !important
}


nav#mainmenu ul li a:hover{
	color: #393939;
	text-decoration: none; !important
}
nav#mainmenu ul li ul{
display: none;
}
nav#mainmenu ul li ul li a{
font-size: 11pt;
text-transform:none;
}
nav#mainmenu ul li ul li a:hover{
	color:#e9455f;
}
nav#mainmenu hr{
	position: relative;
	width:0;
	background: black;
	height: 1px;
	margin-top: 0;
	margin-left: 0px;
	  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

li.submenu a{
	  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

}
form.searchform{
	list-style-type: none;
	margin-top: 10%;
	position: relative;
}
input.search-field{
	border:none;
	border-radius:0;
	list-style-type: none;
	margin-left: 15%;
	border-bottom: 1px solid black;
	background: transparent;
	width: 60%;
}
input[type="search"]:focus{
	outline: none;
}
button.search-button{
	background: none;
	border-radius: 0;
	border:none;
	font-size: 18pt;
	position: absolute;
bottom: -10px;
right: 15%;

}
ul.downmenu{
	margin-top: 10%;
	padding:0 15%;
}
ul.downmenu li{
font-size: 10pt;
list-style-type: none;
margin:10% auto;
text-transform: capitalize;
color:#393939;
}

ul.downmenu li a{
	color:#393939;
}
ul.downmenu li a:hover,ul.downmenu li a:focus, ul.downmenu li a:visited{
	color:#393939;
	text-decoration: none;
}

.leftblockposition p{
	padding:0 10%;
	font-size:18pt;
}
.leftblockposition p a{
	color:black;
	margin-right: 10%;
}
.closebutton{
	position: relative;
	font-size:32pt;
	border:none;
	border-radius: 0;
	background: none;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	width: 20px;
	height:20px;
}
.centerblockposition .closebutton{
	left: 5%;
	top: 0;
	position: absolute;
	color:#f95353;
	font-size: 32pt;
	font-weight: 600;
}
.centerblockposition .closeright{
	right: 5%;
	top: 0;
	position: absolute;
	color:#f95353;
	font-size: 32pt;
	font-weight: 600;
}
.closebutton[data-icon]::before{
	transition: all 2s ease-in-out;
}

.closebutton:hover{
	color:#e9455f;
}
/*------- RIGHT BLOCK --------*/
.tab-buttons{
	margin-top: 5%;
	width: 100%;
	display: table;
}
button.sidebar-tabs{
	background: none;
	border:none;
	border-radius: 0;
	font-family: 'Raleway';
	font-size: 14pt;
	color:white;
	width: 50%;
	text-align: left;
	text-transform: uppercase;
	display: table-cell;
}
#comment-sidebar h2{
color:white;
text-transform: uppercase;
font-family: 'RalewaySemiBold';
}

#comment-sidebar hr{
	background:white;
	height: 1px;
	width: 100%;
}
#comment-sidebar h3{
	font-size: 28pt;
	color:white;
	margin-bottom: 10%;
}
#comment-sidebar label.comment_new{
	color:white;
	width: 100%;
}
#comment-sidebar input{
	background: transparent;
}
#comment-sidebar textarea{
	background: transparent;
	color: white;
}
.sidebar-comment-item {
	margin-top: 20%;
}
.sidebar-comment-item .comment-content{
	color:white;
	width:100%;
	margin:0 auto;
	background:#757575;
	padding:5%;
	text-align: right;
}
.sidebar-comment-item .post-image-mask{
	margin-top: -10%;
	margin-left: 5%;
}
.sidebar-comment-item .comment-content .post-image-mask{
margin:0 auto;
	}
.sidebar-comment-item .comment-content button.reply{
	position: relative;
}
.sidebar-comment-item .comment-content p{
	text-align: left;
}
.sidebar-comments .comment-content h5 span {
	color:white;
	font-family: 'Raleway';
	margin-left: 5%;
}
.sidebar-comments{
	margin-bottom: 5%;
}
.rightblockposition{
	padding:0;
	overflow-y: scroll;
}
	button.closeright{
		background: transparent;
		color: white;
		border:none;
		font-size: 24pt;
		position: absolute;
		z-index: 9;
		top:1%;
		right: 15%;
	}
.opacitybg{
	background-color: rgba(0,0,0,0.6);
	padding: 35px 35px 35px 35px;
}

ul.slick-dots{
width: 10%;
position: absolute;
left: -6%;
top: 10%;
}

ul.slick-dots li{
list-style-type: none;
}
ul.slick-dots li button{
	color:transparent;
	border-radius: 100%;
	background: transparent;
	border:1px solid white;
	font-size: 0px;
	width: 10px;
	height: 10px;
}

ul.slick-dots li.slick-active button{
	background: #ee445f;
}
section.fotoblockrighttext{
	width: 100%;
	margin-top: 20px;
	background: transparent;
}

section.fotoblockrighttext h1{
	padding-top: 0px;
	text-align: left;	
}

section.fotoblockrighttext h3{
	font-family: 'RalewayLight';
	color: white;
	font-size: 25px;
	text-align: left;
	clear: left;
}
#slider_post a{
	color:white;
}
p.fotoblockrighttext{
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding-bottom: 25px;	
}

section.fotoblockright{
	width: 100%;
	margin-top: 20px;	
}

section.fotoblockright img.imgstyle{
	width: 100%;
}

section.fotoblockright h3{
	font-family:'RalewayLight';
	color: #fff;
	font-size: 28px;
	text-align: left;
	clear: left;
}

section.fotoblockright h4{
	font-family: 'RalewaySemiBold';
	color: #fff;
	font-size: 20px;
	text-align: left;
	clear: left;
}

ul.staffpicks li{
	list-style-type: none;
	font-family:'RalewayLight';
	font-size: 14px;
	padding-right: 35px;
	border-bottom: 1px dotted #fff;
	
}

ul.staffpicks a{
	color: #fff;
}

ul.staffpicks h4{
	padding-top: 25px;
	font-family: 'RalewaySemiBold';
	color: #fff;
	font-size: 20px;
	text-align: left;
	clear: left;
}

ul.staffpicks img.staffpic{
	margin-right: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}


section.newslist h4{
	font-family: 'RalewaySemiBold';
	color: #fff;
	font-size: 20px;
	text-align: left;
	clear: left;
	padding-top: 25px;
}

section.fotoblockrighttags {
	width: 100%;
	min-height: 250px;
}

section.fotoblockrighttags h4{
	font-family: 'RalewaySemiBold';
	color: #fff;
	font-size: 20px;
	text-align: left;
	clear: left;
	padding-top: 25px;
}

ul.tags li{
	list-style-type: none;
}

ul.tags a{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #fff;
	float: left;
}

ul.tags a:hover{
	text-decoration: none;
	color: #e9455f;
	border: 1px solid #e9455f;
}

.icon{
	font-size:16pt;
	color:black;
}
/*------- CENTRAL BLOCK --------*/
.carousel-inner img{
	width:100%;
}
.centerblockposition{
	padding: 0;
}
.innercenter{
	padding: 0;
	width: 100%;
}

.jspContainer {
	width: 100%;
}
/*----MASONRY---*/

.blog-item .icon:before {
	margin:2px;
}
.blog-item{
	width:32%;
background: white;
border:1px solid #c9c8c8;
margin-bottom: 2%;
}
.blog-item .icon{
}
.blog-item.w2 { width: 65.2%; }
.grid-sizer{
	width: 33.33%;
}
.imgstyle{
	width: 100%;
}
video.player{
	width:100%;
}

span.corner{
	width: 15px;
	height: 15px;
	border-top:1px solid #bcbec0;
	border-right: 1px solid #bcbec0;
	float: right;
}
p.info{
}
p.info span{
	color:#3e4d59;
	margin:0 5px;
	font-size: 10pt;
}
a.more{
font-size: 12pt;
top: 5px;
position: relative;
}
a.more:hover{
	color:#e82746;
}
.blog-item h3 {
	font-family:'RalewayLight';
	font-size: 24pt;
}
.blog-item h3 a:hover{
	color:#e82746;
}
.blog-content{
	padding:5%;
}
.blog-item iframe{
	width: 100%;
}
img.imgstyle{
	width: 100%;
}
.pinterest-post{
	background-image: url('../images/img_4.jpg');
	color:white;
	padding:40% 10%;
}

.pinterest-post p{
	margin-top:50%;
font-size:14pt;
}
.pinterest-post span{
	margin-top:20%;
font-size:18pt;

}
.pinterest-post a{
	font-size: 26pt;
	color:white;
	border:1px solid white;
	border-radius: 100%;
	padding: 5px 15px;
}
.post .linkpost{
margin-top:5%;
}
.linkpost{
	background:#3f464f;
	color:white;
	padding:5%;
}
.linkpost i{
	float:right;
	margin-right:10%;
	border-radius: 100%;
	border:1px solid white;
	color: white; 
	padding:7px;
	font-size:14pt;
}
.linkpost  a{
	color:white;
}
.linkpost  p{
	margin-top:10%;
}

.blog-item.simpletext{
	background: none;
	border:none;
	padding:2%;
}
.blog-item.originalpost{
	padding:5%;
	background-image:url('../images/img_19.jpg');
	color:white;
}
.blog-item.originalpost p{
	margin-top:10%;
	font-family:'RalewaySemiBold';
	font-size:16pt;
}
.blog-item.originalpost span{
	border-top:1px solid white;
	border-left:1px solid white;
	font-size:30pt;
	padding:2px;
}
.blog-item hr{
	position: relative;
	width: 50%;
	margin: 0 auto;
	display: table;
	background: 1px solid #fff;
}
.blog-item audio{
	width: 100%;
	margin-bottom: 0;
}
.blog-item.originalpost.food{
background-image:url('../images/img_20.jpg');	
}
.blog-item.originalpost.food p{
	font-family:'RalewayLight';
	font-size:12pt;
}
.blog-item.originalpost.food  h3{
	margin-top: 40%;
	font-size:16pt;
	border-bottom: 1px solid white;
	padding-bottom: 5px;
}
.blog-item.originalpost.food  a{
	color:white;
}


/*---main page light---------------*/
body.light .centerblockposition{
	padding:2% 2% 0 2%;
}
body.light .leftblockposition{
	display: none;
	opacity: 0;
}
body.light h2{
	font-family: 'RalewayLight';
	font-size: 24pt;
	text-transform: uppercase;
	text-align: center;
	color:black;
	display: table;
	margin: 2% auto;
	border-bottom: ;:1px solid #e2e2e2;
}
body.light p.info {
    text-align: center;
}
body.light h1{
	font-family: 'Raleway';
	font-size: 28pt;
	text-align: center;
	color:black;
	text-transform: capitalize;
	margin: 5% auto;
}
body.light .blog-item{
	width:100%;
	border: none;
	text-align: center;
}
body.light .blog-item p.preview span{
	font-family: 'RalewaySemiBold';
}
body.light .blog-item a.postlink{
	font-size: 18pt;
	text-align: center;
	color:#f95353;
	margin: 0 auto;
}
body.light .blog-item .linkpost h3{
	text-align: center;

}
body.light .blog-item iframe{
	min-height: 500px;
}

body.light .blog-item .originalpost{
	padding:5%;
	background-image:url('../images/img_19.jpg');
	color:white;
}
body.light .blog-item .originalpost p{
	font-family:'RalewaySemiBold';
	font-size:16pt;
	text-align: center;
}
body.light .blog-item .originalpost p:first-child{
	padding-top:10%;
}
body.light .blog-item .originalpost p:last-child{
	padding-bottom: 10%;
}
body.light .blog-item .originalpost span{
	border-top:1px solid white;
	border-left:1px solid white;
	font-size:30pt;
	padding:2px;
}
a.postlink{
font-family: 'RalewayLight';
}
.svg-block{
	display: inline-block;
width: 30px;
height: 30px;
}

body.light .preview-post {
margin-bottom: 5%;
	}
/*----post page------------------*/
.post{
	padding: 5% 7%;
	position: relative;
	color: #000;

}
.post h2{
	font-family: 'RalewayLight';
	font-size: 18pt;
	text-transform: uppercase;
	display: table;
	margin: 0 auto;
	border-bottom: 1px solid #e2e2e2;
}
.post h1{
	font-size: 28pt;
	color:black;
}
img.post-thumbnail{
	width: 100%;
	margin-bottom: 5%;
}
.literal{
	font-family: 'HipstelveticaBold';
	font-size: 100pt;
	text-transform: uppercase;
	float: left;
	line-height: 1.2;
	padding-right: 20px;
}

.post p{
	font-size: 12pt;
	line-height: 1.5;
}

blockquote{
	border-left:1px solid #ff5252;
	margin-left: 5%;
	font-style: italic;
	color:#b1b1b1;
}

.post ul{
	margin-left: 5%;
}
.post ul li{
	list-style-type: square;
	margin:5% auto;
	font-size: 14pt;
}
.geometr{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: .7em;
  }
.flag {
  margin: 2em 2em 1em -5%;
  border: 2em solid black;
  border-right-color: transparent;
  border-width: 1em 1em 1em 14em;
position: relative;
  }
  .flag:after {
    position: absolute;
    left: -4em;
    top: -2em;
    height: 6em;
    border-left: 1em solid block;   
  }
  .flag p{
  	 color: white;
  	 background: black;
  	 position: absolute;
	width: 175px;
	left: -175px;
	top: -10px;
	font-size: 10pt;
  }
a.posttag{
	font-family: 'RalewayLight';
	z-index: 100;
	color:black;
}
a.posttag:hover{
	color:#ff8080;
}
.post-tags{
	z-index: 99;
position: relative;
}
.post hr{
	margin-top: 5%;
	background: black;
	width: 100%;
	height: 1px;
}

ul.social{
display: block;
float: right;
text-align: right;
margin-top: 2%;
}
ul.social li{
	display: inline-block;
	list-style-type: none;
	margin-left: 10px;
}
ul.social li a{
	padding:10px;
z-index: 100;
position: relative;

}
ul.social li a:hover{
	color:white;
background:#ff5252;
}

.post-image-mask{
	width: 100px;
	height: 100px;
	border-radius:50%;
	float: left;
	 padding: 10px; 
}
.post-image-mask img{
 width: 100%; 
 height: 100%;
 	border-radius:50%;
 	 display: block; 
}

.post h5{
	font-size: 16pt;
}

.bottom_sidebar{
	padding: 5%;
	position: relative;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

 

.preview-post{
	padding-left: 0;
	padding-right: 0;
	height:200px;
}

.preview-post img{
	height: 100%;
	width: 100%;
}
.bottom_sidebar h3{
	font-family: 'RalewayLight';
	font-size: 32pt;
	margin:5% auto;
}
.bottom_sidebar .preview-post:hover .caption{
	
	 -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  display: block;
}
	.caption{
		position: absolute;
		bottom: 0;
		width: 100%;
		background: white;
		padding-top: 5%;
		display: none;
	}
	.caption img{
			height: 50%;
	}
	.caption h4{
		margin-top: 5%;
		text-align: center;
	}
	.caption p{
		text-align: center;
		margin:5% auto;
	}
	.caption a{
		text-align: center;
	}
	.videopost h4{
		margin-top: 15%;
		text-align: center;
	}
	.videopost p{
		text-align: center;
		margin:0 auto;
	}
.porfolio .caption{
width: 88.5%;
bottom: -20%;
}
.comment-block{
	margin:5% auto;
	position: relative;
}

.comment-block h4{
	color:black;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e5e5;
	display: table;
}

.comment-content{
	width:60%;
	margin-left: 15%;
}
.comment-content h5{
	font-family: 'RalewaySemiBold';
	font-size: 12pt;
}
.comment-content p{
	font-size: 10pt;
}
.comment-content span{
	color:#9a9999;
	font-size: 8pt;
}
.comment-item{
	position: relative;
	margin:5% auto;
}
button.reply{
	font-family: 'Raleway';
	font-size: 10pt;
	background: #bdbdbd;
	border: none;
	border-radius: 0;
	padding:5px 10px;
	text-transform: uppercase;
	margin-top: 0;
	color: black;
	letter-spacing: 3px;
	position: absolute;
	top: 0;
	right: 5%;
}
button.reply:hover{
	background:#ff5252;
	color:white;
}

.comment-item.reply .post-image-mask{
	margin-left: 2.5%;
}
.comment-item.reply{
	margin-left: 5%;
}
.comment-block hr{
	height:1px;
	width:100%;
	background: black;
}

form.comment h5{
	display: table;
	margin-bottom: 5%;
}
form.comment button:hover,form.comment input[type=submit]:hover{
	color:white;
	background: #ff5252;

}

input.comment-field{
	width: 100%;
	min-width: 250px;
	margin-top: 3px;
	border-radius: 0;
	border: 1px solid #c9c8c8;
	height: 30px;
	margin-bottom: 5%;
	padding:5px 10px;
}
	form.comment textarea{
	width: 100%;
	height: 100%;
	border: 1px solid #c9c8c8;
	border-radius: 0;
	padding:10px;
	margin-top:15%;
	}
	body.nosidebar form.comment textarea{
margin-top: 11%;
	}
	label.cancel{
		font-family: 'RalewayLight';
		font-size: 20pt;
	}
	label.comment_new{
		font-size: 10pt;
		font-family: 'RalewayLight';
		color:#5e5e5e;
		width: 80%;
	}
	input.cancel{
		font-size: 8pt;
		font-family: 'Raleway';
		text-transform: uppercase;
		background: #c9c8c8;
		border-radius: 0;
		border: none;
		margin-top: 5px;
		margin-left: 30px;
		padding:5px 10px;
	}
	button.submit_comment{
		margin: 5% 0;
		font-size: 10pt;
		font-family: 'Raleway';
		text-transform: uppercase;
		background: #c9c8c8;
		border-radius: 0;
		border: none;
		padding:10px 20px;
	}

	.navigation-posts{
		color:black;
		font-size: 16pt;
		padding:20px;
		width: 50%;
		border-radius: 0;
		border:none;
		text-transform: uppercase;
		background: transparent;
	}
	.navigation-posts:hover{
		background: #ff5252;
		color:white;
	}
	.navigation-posts.left{	
		text-align: left;
	}
	.navigation-posts.right{
		text-align: right;
	}

	/*---text post-----*/
	img.left-thumbnail{
		width:40%;
		float:left;
		margin:0 15px 15px 0;
	}
	img.right-thumbnail{
		width:40%;
		float:right;
		margin:0 0 15px 15px;
	}
	.textpost{

	}
	.textpost p span{
		font-family: 'RalewaySemiBold';
	}
	.textpost h5{
		font-size:28pt;
		margin:5% 0;
	}
	.textpost h1{
		color:black;
	}
	.textpost h2{
		text-align: center;
		text-transform: uppercase;
	}
	.textpost h6{
		font-size: 16pt;
	}
	.textpost p.boldtext{
		font-family: 'RalewaySemiBold';
	}
	.textpost h4{
		margin:5% 0;
		font-size: 'RalewayBold';
		font-size: 32pt;
		text-transform: uppercase;
		font-weight: bold;
	}

/*-----video post-----------------*/
.videopost h1{
	font-size: 28pt;
	text-transform: uppercase;
}
.videopost iframe{
	width:100%;
	min-height: 500px;
}
.videopost h5{
font-family: 'RalewaySemiBold';
margin-top: 5%;
}
.videopost p{
text-align: left;
}
.videopost a.posttag{
	color:#ff5252;
	position: relative;
	z-index: 12;
}
.bottom_sidebar a{
	color:black;
}
.bottom_sidebar p{
	text-align: center;
}
/*---podcast post-----------*/
.podcast h1{
	font-size: 28pt;
	text-transform: uppercase;
	margin-bottom: 5%;
}
.podcast iframe{
	width:100%;
	margin-bottom: 5%;
}
.podcast h5{
font-family: 'RalewaySemiBold';
margin-top: 5%;
}
.podcast p{
text-align: left;
}
.podcast a.posttag{
	color:#ff5252;
	position: relative;
	z-index: 12;
}
/*----contact page---------------*/
.upperbanner{
	background:url('../images/free-spices-wallpapers.jpg');
	color:white;
	padding:5% 2% 10% 2%;
	text-align: center;
}
.upperbanner h3{
	font-family: 'RalewayLight';
	font-size: 24pt;
	text-transform: uppercase;
}
.upperbanner p{
font-size: 18pt;
width:50%;
margin:5% auto;
}
.contact{
	margin-top:5%;
}
.contact form.comment textarea {
	margin:7.5% auto;
}
.contact button.submit_comment {
float: right;
	}
	.contact input.comment-field {
		margin-bottom: 4%;
	}
	.contact ul.social li{
		display: inline-block;
	}
.contact-info ul{
	width: 100%;
	margin-bottom: 10%;
	text-align: left;
	}
	.contact-info  ul.social li a.icon {
font-size: 16pt;
	}	
	.contact-info p{
		font-size: 12pt;
		font-family: 'RalewaySemiBold';
	}
	p.mail{
		color:#ff5252;
		margin-bottom: 5%;
	}


/*--------about us---------------*/
.aboutus{
	text-align: center;
	background: white;
}

.aboutus h2{
	text-transform: uppercase;
	font-family: 'RalewayLight';
	font-size: 16pt;
}
img.imgstyle-small{
	margin:5% auto;
	width: 30%;
}
.aboutus.centerblockposition {
padding:0 7%;
}

.aboutus .blog-item {
    width: 100%;
    border:none;
    }
.aboutus p{
	text-align: left;
	font-size: 12pt;
	margin:0 auto;
}
.aboutus p span{
	font-family: 'RalewaySemiBold';
}
.aboutus .originalpost{
	margin-top: 5%;
	padding:5%;
	background-image:url('../images/original_3.jpg');
	background-size: cover;
	color:white;
	padding-top: 10%;
	position: relative;
}

.aboutus .originalpost p{
	font-family:'RalewaySemiBold';
	font-size:16pt;
	text-align: center;
	margin-top: 2%;
}
.aboutus .originalpost p:last-child{
	padding-bottom:5%;
}
.aboutus .originalpost span{
	border-top:1px solid white;
	border-left:1px solid white;
	font-size:30pt;
	float: left;
	margin-bottom: 10%;
	padding:2px;
	position: absolute;
	top: 5%;
	left: 5%;
}
.aboutus h5{
	margin-top: 5%;
	font-size: 28pt;
}
.aboutus hr{
	margin:10% auto;
	height: 1px;
	background: black;
	width: 100%;
}
.aboutus .preview-post{
	padding:0 2%;
}
.aboutus .preview-post p{
	margin-top: 5%;
	font-size: 12pt;
}
.aboutus .bottom_sidebar h4{
text-transform: capitalize;
text-align: center;
}

footer{
	background-color:#eeeeee;
	padding:2.5% 0;
	margin-top: 5%;
}
footer h3{
	font-size: 28pt;
	font-family: 'RalewayLight';
}
footer ul.social{
	margin-top: 30%;
}
footer input.comment-field {
    width: 90%;
    margin-left: 2%;
    }
    footer button.submit_comment{
    	margin-left: -2%;
    	padding:6px 30px;

    }
    footer button.submit_comment:hover{
    background: #ff5252;
    color:white;
    }

/*------- Media screen --------*/
@media screen and (max-width:1300px) {
	a.logo {
	font-size:24pt;
		}

		a.logo p{
			font-size:24pt;
		}

}
@media screen and (max-width:1200px) {
	.leftblockposition{
		position: fixed;
		left:0;
		top: 0;
		z-index: 11;
		background: white;
		height: 100%;
	}
	.rightblockposition{
		position: fixed;
		right:0;
		top: 0;
		z-index: 11;
		background: black;
	}

	.nopad-right, .nopad-left {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width:768px) {
	button.sidebar-tabs {
		width: 100%;
	}
	body.light .blog-item iframe {
		min-height: 0;
	}
	.videopost iframe{
		min-height: 0;
	}
	.flag {
		margin-left: -10%;
	}
	.blog-item{
		width:100%;
	}
	.grid-sizer{
		width: 100%;
	}
	a.logo p{
		font-size:24pt;
	}
	section.fotoblockrighttext h3{
		font-size:1.2em;
	}
	section.fotoblockrighttext h1 {
		font-size: 1.5em;
	}
	ul.slick-dots {
    left: -10%;
	}
	p.fotoblockrighttext {
		font-size: 0.8em;
	}
	section.fotoblockright h3 {
		font-size: 1.2em;
	}
}
@media screen and (max-width:480px) {
	body.light .centerblockposition{
		padding:0;
	}
	#comment-sidebar input{
		width:50%;
	}
	body.light .blog-item h1 {
    font-size: 2em;
    text-align: left;
    padding-left: 5%;
	}
	body.light .blog-item p{
		text-align: left;
		font-size: 1em;
	}
	a.postlink{
		text-align: left;
	}
	body.light .blog-item a{
		text-align: left;
	}
	ul.slick-dots {
    left: -25%;
	}
	button.reply {
		right: 0;
		top: 10%;
	}
}